.visit{
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #1F2D3D;
}
.visit-date{
    margin-right: 10px;

    vertical-align: bottom;
    font-size: 14px;
    color: #99A9BF;
}
.sty{
    margin: 10px;
    height: 200px;
    width: auto;
    min-width: 90px;
    display: inline-block;
}
.sty div{
    margin:0 auto;
    text-align:center;
    font-size:12px;
    color:#edfbfc
}
.el-badge__content.is-fixed{
    border-width: 0px;

}
.line-sty{
    height: 20px;
    width: 0px;
    margin-left: 30px;
    border-right: 1px solid deepskyblue;
    background:  none repeat scroll 0% 0%;
}
.processOverview div{
    margin:0 auto;
    text-align:center;
}
#pd .dot{
    width: 100%;height: 100%;border: 0px solid #000;background-color: #02cbff;

}
#pd .dot-border{
    width: 15px;height: 15px;border: 2px solid #02cbff;
    padding: 2px;
    box-sizing:border-box;
    transform: rotate(45deg);
    position: relative;
    z-index: 2;
}
#pd .font-base-sty{
margin: 8px;
    font-size:12px;color:#02cbff
}
#pd .dot1{
    width: 10px;
    height: 10px;
    border: 0px solid #000;
    transition-property: background-color,color,opacity;
    transition-duration: 0.3s;
    transition-delay: 0.3s;
    background-color: #b9cdf6;
    border-radius: 10px;
}
#pd .active.dot1 {
    background-color: #00ca00;
}

#pd .numSty{
    color: #fdaf00;
    margin-bottom: 5px;
    font-size: 40px;
    text-shadow: 4px 2px 4px #9d3500;
}
#pd .active .butn{
    border: 0px solid #000;
    background-color:#00ca00;/* #00ca00;*/
    color:#333;
}
#pd .animate-line-container{
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0);
    position: absolute;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}
@keyframes myfirst
{
    0%   {height: 0px;opacity:0}
    25%  {height: 25%;opacity:0.25}
    50%  {height: 50%;opacity:0.5}
    75%  {height: 75%;opacity:0.75}
    100% {height:100%;opacity:1}
}
#pd .animate-line{

    width: 1px;
    height: 100%;
    background: deepskyblue;
}
#pd .unit{
    position: absolute;
    background: #282840;
    top:40%;
    width: 100%;
    text-align: center;
    z-index: 20;
}
#pd .active .animate-line{
    -moz-animation:myfirst  0.3s; /* Firefox */
    -webkit-animation:myfirst  0.3s; /* Safari and Chrome */
    -o-animation:myfirst  0.3s; /* Opera */
    height: 100%;
    background: #00ca00;
}

#pd .butn{

    transition-property: background-color,color,opacity;
    transition-duration: 0.3s;
    transition-delay: 0s;
    border: 0px solid #000;
    background-color:#b9cdf6;/* #00ca00;*/
    color:blue;
    padding: 3px;
    border-radius: 10px
}
#pd .overflow-sty{
   border: solid 1px #305367;
    padding: 5px;
    text-align: center ;
    height: 220px;
    overflow-y: auto
}
